<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <title>权限管理</title>

    <link rel="shortcut icon" href="assets/img/logo2x.png"/>
    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet"/>
    <!--external css-->
    <link rel="stylesheet" type="text/css" href="assets/font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/zabuto_calendar.css">
    <link rel="stylesheet" type="text/css" href="assets/js/gritter/css/jquery.gritter.css"/>
    <link rel="stylesheet" type="text/css" href="assets/lineicons/style.css">

    <!-- Custom styles for this template -->
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<section id="container">

    <div th:replace="tools :: header"></div>

    <div th:replace="tools :: sidebar "></div>

    <!-- **********************************************************************************************************************************************************
    MAIN CONTENT
    *********************************************************************************************************************************************************** -->
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper site-min-height">
            <div class="form-panel">
                <div class="btn-group">
                    <button class="btn " onclick="window.history.back()"><i class="fa fa-angle-left"></i> 返 回
                    </button>
                    <button class="btn " onclick="javascript:location.reload();"><i class="fa fa-refresh"></i> 刷新
                    </button>
                    <button class="btn btn-primary" data-toggle="modal" data-target="#newRights">申请权限</button>
                </div>
            </div>
            <div class="row ">
                <div class="col-lg-12">
                    <div class="form-panel">
                        <h3 class="centered"><i class="fa fa-angle-right"></i> 申请记录 <i class="fa fa-angle-left"></i>
                        </h3>
                        <hr>
                        <table class="table table-striped table-advance table-hover">
                            <thead class="table-bordered">
                            <tr class="bg-success">
                                <th><i class="fa fa-sort-numeric-asc"></i> 编号</th>
                                <th><i class="fa fa-calendar"></i> 申请人</th>
                                <th><i class="fa fa-pencil"></i> 处理人</th>
                                <th><i class="fa fa-cog"></i> 状态</th>

                            </tr>
                            </thead>
                            <tbody th:each="right : ${regrights}">
                            <tr>
                                <td th:text="${right.rrid}"></td>
                                <td th:text="${right.fromuser.realname}"></td>
                                <td th:text="${right.handlerinfo.realname}"></td>
                                <td th:text="${right.state}"></td>
                            </tr>
                            </tbody>
                            <tfoot>

                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>

        </section>
        <! --/wrapper -->

    </section>

    <!--main content end-->

    <!--**********************************************************************************************
    Footer
    **********************************************************************************************-->

    <!--footer start-->
    <footer class="site-footer">
        <div class="text-center">
            Copyright © 2018 David Bai
            <a href="#main-content" class="go-top">
                <i class="fa fa-angle-up"></i>
            </a>
        </div>
    </footer>
    <!--footer end-->
</section>
<div id="newRights" aria-hidden="true" role="dialog" class="modal fade" hidden>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
                <h4 class="modal-title">申请新权限</h4>
            </div>
            <div class="modal-body">
                <div class="panel">
                    <h3>选择权限</h3>
                    <select class="form-control" id="roletype">
                        <option th:if="${session.loginuser.roleid} == 1" value="doc">医生</option>
                        <option th:if="${session.loginuser.roleid} == 3" value="doc">医生</option>
                        <option th:if="${session.loginuser.roleid} == 5" value="doc">医生</option>
                        <option th:if="${session.loginuser.roleid} == 1" value="adm" selected>管理员</option>
                        <option th:if="${session.loginuser.roleid} == 2" value="adm" selected>管理员</option>
                        <option th:if="${session.loginuser.roleid} == 3" value="sadm">超级管理员</option>
                        <option th:if="${session.loginuser.roleid} == 4" value="sadm">超级管理员</option>
                    </select>
                    <h3>选择处理人</h3>
                    <select class="form-control" id="handler">

                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-danger" type="button">取消</button>
                <button class="btn btn-success" type="button" onclick="newRights()">提交申请</button>
            </div>
        </div>
    </div>
</div>

<!-- js placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery-1.8.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="assets/js/jquery.sparkline.js"></script>

<!--common script for all pages-->
<script src="assets/js/common-scripts.js"></script>
<script>
    fillAdmins();


    function newRights() {
        var type = $("#roletype").val();
        var user = $("#handler").val();
        $.post("/regright", {type: type, handler: user}, function (data) {
            $("#newRights").modal("toggle");
            alert(data.message);
            window.history.go(0);
        });

    }

    $("#roletype").change(function () {
        fillAdmins();
    });

    function fillAdmins() {
        $.post("/listhander", function (data) {
            $("#handler").text("");
            $.each(data, function (key, value) {
                var row = "<option value='" + key + "'>" + value + "</option>";
                $("#handler").append(row);
            })
        });
    }
</script>

</body>
</html>
